<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/css/master.css" />
<link rel="stylesheet" type="text/css" href="/css/bbs.css"/>
<title>운세의신</title>
</head>

<body>
<div id="wrap">
    <div class="header"> </div>
    <!--상단-->
    
    <div class="container">
        <h2>게시판</h2>
        <!--서브타이틀-->
        
        <div class="contents">
        	<div class="best">
            	<div class="fbest">
                	<span><img src="/images/common/sample_w170.png" alt="1위후기게시물이미지" /></span>
                    <dl>
                    
                    <h3>[무료운세]</h3>
                    <dt>재미로 보는 운세</dt>
                    <dd class="tit"><a href="#">꼭 필요한 시간을 되돌아보다</a> </dd>
                    <dd class="cont"><a href="#">재미로 보기시작했는데 <br />
                    저에게 꼭 필요한시간이 되어버렸어요..<br />
                    금전궁합을 보았는데... </a></dd>
                    	<div class="bt_area">
                        	<a href="#"><img src="/images/common/board/bt_cont.png" alt="운세보러가기" /></a>
                        </div>
                    </dl>
                </div>
                <div class="sbest">
                	<ul>
                    	<li> 
                        <dl>
                       		<span class="sum"><a href="#"><img src="/images/common/sample_w66.png" alt="2위후기게시물이미지" /></a></span>
                            <h3>[궁합]</h3>
                            <dt>천생연분</dt>
                            <dd class="tit"><a href="#">프리미엄상담 답변</a></dd>
                            <dd class="cont"><a href="#">괴롭다...괴로워죽겠다</a></dd>
                        </dl>
                        
                        </li>
                        <li class="end"> 
                        <dl>
                       		<span class="sum"><img src="/images/common/sample_w66.png" alt="2위후기게시물이미지" /></span>
                            <h3>[궁합]</h3>
                            <dt>천생연분</dt>
                            <dd class="tit"><a href="#">프리미엄상담 답변</a></dd>
                            <dd class="cont"><a href="#">괴롭다...괴로워죽겠다</a></dd>
                        </dl>
                        </li>
                    </ul>
                </div>
            </div><!--베스트게시물불러오기-->
            <div class="bbs">
                <h3>운신이용후기</h3>
                <!--게시판-->
                <div class="list">
                    <table width="100%" summary="운신이용후기 번호,제목,작성자,공감,조회수,작성일에 대한 게시판입니다" cellpadding="0" cellspacing="0">
                        <caption class="blind">
                        게시판 목록보기
                        </caption>
                        <colgroup>
                        <col width="10%" />
                        <col width="*" />
                        <col width="10%" />
                        <col width="10%" />
                        <col width="10%" />
                        <col width="15%" />
                        </colgroup>
                        <thead>
                            <tr>
                                <th scope="col" class="no">번호</th>
                                <th scope="col" class="tle">제목</th>
                                <th scope="col" class="writer">작성자</th>
                                <th scope="col" class="vote">공감</th>
                                <th scope="col" class="hit">조회수</th>
                                <th scope="col" class="date">작성일</th>
                                
                            </tr>
                        </thead>
                        <tfoot>
                        	<tr>
                            <td colspan="6" class="boardbt_area"><a href="#"><img src="/images/common/board/bt_write.png" alt="글쓰기" /></a></td>
                            </tr>
                            <tr>
                                <td colspan="6"><a href="#" class="btn"><img src="/images/common/board/page_first.png" alt="첫 페이지로" /></a> 
                                <a href="#" class="btn"><img src="/images/common/board/page_prev.png" alt="이전 페이지로" /></a> 
                                <a href="#" class="over">1</a> 
                                <a href="#">2</a> 
                                <a href="#">3</a> 
                                <a href="#">4</a> 
                                <a href="#">5</a> 
                                <a href="#">6</a> 
                                <a href="#">7</a> 
                                <a href="#">8</a> 
                                <a href="#">9</a> 
                                <a href="#">10</a> 
                                ...<a href="#">50</a> 
                                <a href="#" class="btn"><img src="/images/common/board/page_next.png" alt="다음 페이지로" /></a>
                                <a href="#" class="btn"><img src="/images/common/board/page_end.png" alt="마지막 페이지로" /></a></td>
                            </tr>
                        </tfoot>
                        <tbody>
                            <tr class="notice">
                                <td class="no"><img src="/images/common/board/icon_best.png" alt="베스트" /></td>
                                <td class="tle1"><a href="#">게시판 제목이 들어가는 자리입니다.<span class="reply">(1)</span></a></td>
                                <td class="writer">그저그런</td>
                                <td class="vote1"><img src="/images/common/board/icon_heart.png" alt="베스트공감" />48</td>
                                <td class="hit">9999</td>
                                <td class="date">2012-02-11</td>
                                
                            </tr>
                            <tr>
                                <td class="no">2</td>
                                <td class="tle"><a href="#">게시판 제목이 들어가는 자리입니다.<span class="reply">(1)</span></a></td>
                                <td class="writer">그저그런</td>
                                <td class="vote"><img src="/images/common/board/icon_heart2.png" alt="베스트공감" />48</td>
                                <td class="hit">9999</td>
                                <td class="date">2012-02-11</td>
                            </tr>
                            <tr>
                               <td class="no">3</td>
                                <td class="tle"><a href="#">게시판 제목이 들어가는 자리입니다.<span class="reply">(1)</span></a></td>
                                <td class="writer">그저그런</td>
                                <td class="vote"><img src="/images/common/board/icon_heart2.png" alt="베스트공감" />48</td>
                                <td class="hit">9999</td>
                                <td class="date">2012-02-11</td>
                            </tr>
                            <tr>
                                <td class="no">4</td>
                                <td class="tle"><a href="#">게시판 제목이 들어가는 자리입니다.<span class="reply">(1)</span></a></td>
                                <td class="writer">그저그런</td>
                                <td class="vote2"><img src="/images/common/board/icon_heart2.png" alt="공감" />48</td>
                                <td class="hit">9999</td>
                                <td class="date">2012-02-11</td>
                            </tr>
                            <tr>
                                <td class="no">5</td>
                                <td class="tle"><a href="#">게시판 제목이 들어가는 자리입니다.<span class="reply">(1)</span></a></td>
                                <td class="writer">그저그런</td>
                                <td class="vote2"><img src="/images/common/board/icon_heart2.png" alt="공감" />48</td>
                                <td class="hit">9999</td>
                                <td class="date">2012-02-11</td>
                            </tr>
                            <tr>
                               <td class="no">6</td>
                                <td class="tle"><a href="#">게시판 제목이 들어가는 자리입니다.<span class="reply">(1)</span></a></td>
                                <td class="writer">그저그런</td>
                                <td class="vote2"><img src="/images/common/board/icon_heart2.png" alt="공감" />48</td>
                                <td class="hit">9999</td>
                                <td class="date">2012-02-11</td>
                            </tr>
                            <tr>
                              	<td class="no">7</td>
                                <td class="tle"><a href="#">게시판 제목이 들어가는 자리입니다.<span class="reply">(1)</span></a></td>
                                <td class="writer">그저그런</td>
                                <td class="vote2"><img src="/images/common/board/icon_heart2.png" alt="공감" />48</td>
                                <td class="hit">9999</td>
                                <td class="date">2012-02-11</td>
                            </tr>
                                                     
                            <tr>
                                <td class="no">8</td>
                                <td class="tle"><a href="#">게시판 제목이 들어가는 자리입니다.<span class="reply">(1)</span></a></td>
                                <td class="writer">그저그런</td>
                                <td class="vote2"><img src="/images/common/board/icon_heart2.png" alt="공감" />48</td>
                                <td class="hit">9999</td>
                                <td class="date">2012-02-11</td>
                            </tr>
                            <tr>
                                <td class="no">9</td>
                                <td class="tle"><a href="#">게시판 제목이 들어가는 자리입니다.<span class="reply">(1)</span></a></td>
                                <td class="writer">그저그런</td>
                                <td class="vote2"><img src="/images/common/board/icon_heart2.png" alt="공감" />48</td>
                                <td class="hit">9999</td>
                                <td class="date">2012-02-11</td>
                            </tr>
                            <tr>
                               <td class="no end">10</td>
                                <td class="tle end"><a href="#">게시판 제목이 들어가는 자리입니다.<span class="reply">(1)</span></a></td>
                                <td class="writer end">그저그런</td>
                                <td class="vote2 end"><img src="/images/common/board/icon_heart2.png" alt="공감" />48</td>
                                <td class="hit end">9999</td>
                                <td class="date end">2012-02-11</td>
                            </tr>
                        </tbody>
                    </table>
           
                    
                </div>
                <!--//게시판--> 
                
                <div class="seach">
                <form action="" method="post">
                <fieldset>
                    <legend>게시판 검색하기</legend>
                    <p>
                        
                            <select id="search" title="검색어 분류선택">
                            <option value="">제목</option>
                            <option value="">작성자</option>
                            <option value="">내용</option>
                        	</select>
                        	<input type="text" maxlength="30" title="검색어 입력" />
                        	<a href="#"><img src="/images/common/board/bt_seach.png" alt="검색" align="absmiddle" /></a>
                    </p>
                </fieldset>
                </form>
                            
                </div>
                
                
            </div>
            <!--리스트--> 
            <div>하단에 최근게시물넣는부분</div><!--최근게시물넣기-->
        </div>
        <!--컨텐츠영역--> 
        
    </div>
    <div class="footer"> </div>
    <!--하단--> 
    
</div>
<!--전체-->

</body>
</html>
